<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
		<link href="../images/favicon.png" rel="shortcut icon" />
		<meta property="og:title" content="Block+" />
		<meta property="og:description" content="a multiplayer online Blokus game" />
		<meta property="og:image" content="http://blockplus.net/images/capture1.png" />
		<link href="index.css" rel="stylesheet" />
		<link href="android.css" rel="stylesheet" />
		<script src="../library/jquery.min.js"></script>
		<script src="../library/blockplus.js"></script>
		<title>Block+</title>
	</head>
	<body>
		<div id="content">
			<audio id="sound"></audio>		
				<div id="splash">
					<span>B</span>
					<span style="color: #3971c4">l</span>
					<span style="color: #eea435">o</span>
					<span style="color: #cc2b2b">c</span>
					<span style="color: #04a44b">k</span>
					<span>+</span>
				</div>				
				<div id="patio"><div id="tables"></div></div>
				<div id="game">
					<div id="players">
						<div>&nbsp;</div>
						<div>&nbsp;</div>
						<div>&nbsp;</div>
						<div>&nbsp;</div>
					</div>				 
					<div class="clear"></div>
					<div id="board-container" class="not-available">
						<canvas id="board"></canvas>
					</div>
					<div class="clear"></div>
					<div id="control-panel-container">
						<canvas id="control-panel"></canvas>
					</div>
					<div class="clear"></div>
					<div id="pieces">
						<div id="Blue"></div>
						<div id="Yellow"></div>
						<div id="Red"></div>
						<div id="Green"></div>
					</div>
					<div class="clear"></div>
				</div>
			<script>
				$(document).ready(function() {
					window.application = new Application({
						container : $('#content'),
						audio : "sound",
						//maxWidth : $(window).width(),
						//maxHeight :$(window).height()						
						maxWidth : 320,
						maxHeight : 480-25,
					});
				});
			</script> 
			<script>
				(function(i, s, o, g, r, a, m) {
					i['GoogleAnalyticsObject'] = r;
					i[r] = i[r] || function() {
						(i[r].q = i[r].q || []).push(arguments)
					}, i[r].l = 1 * new Date();
					a = s.createElement(o), m = s.getElementsByTagName(o)[0];
					a.async = 1;
					a.src = g;
					m.parentNode.insertBefore(a, m)
				})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
				ga('create', 'UA-41953552-1', 'free.fr');
				ga('send', 'pageview');
			</script>
		</div>
	</body>
</html>